<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>元祖食品</title>
    <link rel="stylesheet" href="/css/index.css">
    <link rel="shortcut icon" type="image/x-icon" media="all" href="/images/favicon.ico" />
    <link rel="stylesheet" href="/libs/swiper/swiper.min.css">
</head>

<body>
    <div class="heart">
        <div class="header">
            
        </div>
        <!-- 广告-轮播图和公告栏-->
        <div class="banner">
            <div class="carousel">
                <!-- 
                    <a href="/html/list.html"><img src="/images/carousel/c1.jpg"></a>
                </div> -->

                <div class="swiper-container" id="div1">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="/images/carousel/c1.jpg"></div>
                        <div class="swiper-slide"><img src="/images/carousel/c1.jpg"></div>
                        <div class="swiper-slide"><img src="/images/carousel/c1.jpg"></div>
                        <div class="swiper-slide"><img src="/images/carousel/c1.jpg"></div>
                        <div class="swiper-slide"><img src="/images/carousel/c1.jpg"></div>
                        <div class="swiper-slide"><img src="/images/carousel/c1.jpg"></div>
                        <div class="swiper-slide"><img src="/images/carousel/c1.jpg"></div>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>

            <div class="notice">
                <h4 class="notice-title">元祖公告</h4>
                <ul class="notice-ul">
                    <li><a href="javascript:void(0)">【公告】19年中秋月饼销毁</a></li>
                    <li><a href="javascript:void(0)">【公告】19年中秋提货券延期</a></li>
                    <li><a href="javascript:void(0)">【公告】19年中秋礼券二次延期公告</a></li>
                    <li><a href="javascript:void(0)">【公告】19年中秋礼券预约宅配时间延期</a></li>
                    <li><a href="javascript:void(0)">【公告】台湾柚礼券延期公告</a></li>
                    <li><a href="javascript:void(0)">【公告】会员权益调整</a></li>
                </ul>
                <a href="/html/list.html"><img src="/images/190210.jpg"></a>
            </div>
        </div>
        <!-- 新品展示栏 -->
        <div class="new-product">
            <div class="tabwidget">
                <ul class="Tab1">
                    <li class="change" id="Tab1-li"><a href="javascript:void(0)">元祖新品</a></li>
                    <li id="Tab1-li"><a href="javascript:void(0)">热销商品</a></li>
                    <li id="Tab1-li"><a href="javascript:void(0)">节庆民俗</a></li>
                    <li id="Tab1-li"><a href="javascript:void(0)">元祖卡券</a></li>
                </ul>
                <div class="tab1-bottom" id="tab1-bottom">
                    
                </div>
                <script type="text/html" id="tab1-bottom-scr">
                    <ul class="tab1-bottom-ul change">
                        {{each tab1 tab1s}}
                        <li>
                            <a href="#"><img src="{{tab1s.img}}"></a>
                            <p>{{tab1s.name}}</p>
                            <span> ¥{{tab1s.price}}</span>
                        </li>
                        {{/each}}
                    </ul>
                    <ul class="tab1-bottom-ul">
                        {{each tab2 tab2s}}
                        <li>
                            <a href="#"><img src="{{tab2s.img}}"></a>
                            <p>{{tab2s.name}}</p>
                            <span> ¥{{tab2s.price}}</span>
                        </li>
                        {{/each}}
                    </ul>
                    <ul class="tab1-bottom-ul">
                        {{each tab3 tab3s}}
                        <li>
                            <a href="#"><img src="{{tab3s.img}}"></a>
                            <p>{{tab3s.name}}</p>
                            <span> ¥{{tab3s.price}}</span>
                        </li>
                        {{/each}}
                    </ul>
                    <ul class="tab1-bottom-ul">
                        {{each tab4 tab4s}}
                        <li>
                            <a href="#"><img src="{{tab4s.img}}"></a>
                            <p>{{tab4s.name}}</p>
                            <span> ¥{{tab4s.price}}</span>
                        </li>
                        {{/each}}
                    </ul>
                </script>
            </div>
            <div class="simple-img">
                <img src="/images/p6.jpg">
            </div>
        </div>
        <!-- 产品展示 -->
        <div class="product-show">
            <div class="top-title">
                <h3>梦蛋糕</h3>
                <ul>
                    <li><a href="/html/list.html">鲜奶蛋糕</a></li>
                    <li><a href="/html/list.html">巧克力蛋糕</a></li>
                    <li><a href="/html/list.html">慕斯蛋糕</a></li>
                    <li><a href="/html/list.html">婚庆蛋糕</a></li>
                    <li><a href="/html/list.html">蛋糕配件</a></li>
                </ul>
            </div>
            <div class="bottom-show" id="dreamcake">
            
            </div>
            <script type="text/html" id="dreamcake-scr">
                <div class="bigshow">
                    <img src="{{imgs}}">
                </div>
                <ul class="smallshow">
                    {{each dreamCake dreamCakes}}
                    <li>
                        <a href="/html/details.html?id={{dreamCakes.id}}">
                            <img src="{{dreamCakes.img}}">
                            <p> {{dreamCakes.name}} </p>
                            <p> {{dreamCakes.state}} </p>
                            <span>¥{{dreamCakes.price}} </span>
                        </a>
                    </li>
                    {{/each}}
                </ul>
            </script>
        </div>
         <!-- javascript:void(0) -->
        <div class="product-show">
            <div class="top-title">
                <h3>元祖礼盒</h3>
                <ul>
                    <li><a href="/html/list.html">鲜奶蛋糕</a></li>
                    <li><a href="/html/list.html">巧克力蛋糕</a></li>
                    <li><a href="/html/list.html">慕斯蛋糕</a></li>
                    <li><a href="/html/list.html">婚庆蛋糕</a></li>
                    <li><a href="/html/list.html">蛋糕配件</a></li>
                </ul>
            </div>
            <div class="bottom-show" id="giftbox">
            
            </div>
            <script type="text/html" id="giftbox-scr">
                <div class="bigshow">
                    <img src="{{imgs}}">
                </div>
                <ul class="smallshow">
                    {{each giftBox giftBoxs}}
                    <li>
                        <a href="/html/details.html?id={{giftBoxs.id}}">
                            <img src="{{giftBoxs.img}}">
                            <p> {{giftBoxs.name}} </p>
                            <p> {{giftBoxs.state}} </p>
                            <span>¥{{giftBoxs.price}} </span>
                        </a>
                    </li>
                    {{/each}}
                </ul>
            </script>
        </div>
        <!-- 产品展示3 -->
        <div class="product-show">
            <div class="top-title">
                <h3>精品西点</h3>
                <ul>
                    <li><a href="/html/list.html">鲜奶蛋糕</a></li>
                    <li><a href="/html/list.html">巧克力蛋糕</a></li>
                    <li><a href="/html/list.html">慕斯蛋糕</a></li>
                    <li><a href="/html/list.html">婚庆蛋糕</a></li>
                    <li><a href="/html/list.html">蛋糕配件</a></li>
                </ul>
            </div>
            <div class="bottom-show" id="Boutiquecake">
            
            </div>
            <script type="text/html" id="Boutiquecake-scr">
                <div class="bigshow">
                    <img src="{{imgs}}">
                </div>
                <ul class="smallshow">
                    {{each BoutiqueCake BoutiqueCakes}}
                    <li>
                        <a href="/html/details.html?id={{BoutiqueCakes.id}}">
                            <img src="{{BoutiqueCakes.img}}">
                            <p> {{BoutiqueCakes.name}} </p>
                            <p> {{BoutiqueCakes.state}} </p>
                            <span>¥{{BoutiqueCakes.price}} </span>
                        </a>
                    </li>
                    {{/each}}
                </ul>
            </script>
        </div>
        <!-- 页面主体结尾处 -->
        <div class="activity">
            <h3 class="parttitle">精选活动</h3>
            <ul class="imglist" id="imglist">
                <!-- <li>
                    <a href="#">
                        <img src="/images/active1.jpg">
                    </a>
                </li> -->
            </ul>
            <script type="text/html" id="activeHot">
                {{each hotActives hotActive}}
                <li>
                    <a href="/html/list.html">
                        <img src="{{hotActive.img}}">
                    </a>
                </li>
                {{/each}}
            </script>
        </div>

        <!-- footer -->
        <footer>
            
        </footer>
    </div>
    
    <!-- 右侧购物车固定栏 -->
    <div class="floatbar">
        
    </div>
</body>
<script src="/libs/requirejs/require.min.js" data-main="/js/index"></script>
</html>